@charset "utf-8";
/*
@Author: Yan Peihong
@Create Time: 2016-10-26
*/
.container {  width: 1100px;  margin: 0 auto;}
.fl {  float: left;}
.fr {  float: right;}
.oh {  overflow: hidden;}
.ele {  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.bg_gray{ background: #F4F4F4;}
.bg_white{ background: #FFFFFF;}
.border_d{ border-bottom: 1px solid #E0E0E0;}

.header{ height: 80px; background: #FFFFFF; width: 1200px; margin: 0 auto;}
.header .logo{ float: left; margin-top: 15px;}
.header .logo img{ height: 50px;max-width: 100%;}
.nav{ float: right; height: 80px; max-width: 980px;}
.nav li { float: left; line-height: 80px; width: 80px; margin: 0 0 0 10px; text-align: center;}
.nav li a { color: #383838;  display: block; }
.nav li:last-child{ border-right: 0;}
.nav li a:hover,.nav li.on a { color: #FFFFFF;background: #1876d6; border-bottom: 4px solid #265485;}

.footer{ background: #323232; font-size: 12px; color: #FFFFFF;}
.copyright{ text-align: center; padding: 10px 0; line-height:2;}
.copyright span{ display: inline-block; margin: 0 10px;}
.copyright a{ color: #FFFFFF;}

.banner{  position: relative; overflow: hidden; width: 100%; height: 435px;}
.banner .hd{ position: absolute; bottom: 10px; text-align: center; width: 100%;}
.banner .hd li{ display: inline-block; width: 15px; height: 15px; margin: 0 5px; background: #000000; opacity: 0.4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer;}
.banner .hd li:hover,.banner .hd li.on{ opacity: 1; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; }
.banner .bd{width: 100%; position: relative;z-index: 0;}
.banner .bd li { width: 100%; height: 435px; background-repeat: no-repeat; background-position: center; background-size: cover;}

.breadcrumb{ padding: 15px 0; font-size: 12px; color: #5A5A5A; border-bottom: 1px dotted #E0E0E0;}
.breadcrumb a{ color: #5A5A5A;}
.section{ overflow: hidden; padding: 45px 0;}
.sec_01 .left_box{ float: left;	display: inline; width: 742px; border-right: 1px dashed #E0E0E0;}
.sec_01 .right_con{ margin: 0 20px 0 0; width: 310px; float: right; display: inline;}
.sec_01 .right_box{margin: 0 3px 0; width: 325px; float: right; display: inline;}

.h_title{ height: 23px; line-height: 23px; overflow: hidden;}
.h_title b{font-size: 14px; font-weight: normal; color: #0055ab;}
.h_title i{ display: inline-block; margin: 7px 0 0 10px;padding-left: 6px;height: 10px;line-height: 10px;color: #949494;font-size: 11px;border-left: #8bbaea 1px solid;font-style: normal;}
.h_title a{ margin: 7px 0 0 10px; width: 41px; height: 12px;}

.left_ad{ position: relative; height: 150px; width: 390px; overflow: hidden; float: left; display: inline;}
.left_ad img{ width: 390px; height: 150px; border: 1px solid #E0E0E0;}
.left_ad .hd{ position: absolute; right: 10px; bottom: 5px;}
.left_ad .hd li{ display: inline-block; width: 18px; height: 18px; border: 1px solid #CCCCCC; background-color: #FFFFFF; color: #333333; text-align: center; line-height: 18px; cursor: pointer;}
.left_ad .hd li.on{ background-color: #C00000; color: #FFFFFF;}

.news_rollBox{ margin-top: 12px; height: 114px; position: relative;}
.news_rollBox dt{ line-height: 22px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.news_rollBox dt a{ font-size: 14px; color: #333333; font-weight: bold;}
.news_rollBox dt a:hover{ color: #C00;}
.news_rollBox dd span{ font-size: 12px; color: #999999;}
.news_rollBox dd p{ font-size: 12px; color: #585858; height: 40px; line-height: 20px; overflow: hidden;}
.news_rollBox .prev,.right_con .next{ position: absolute; bottom: 0; width: 22px; height: 22px; cursor: pointer;}
.news_rollBox .prev{ left: 0; background: url(../images/to_left.jpg) no-repeat center;}
.news_rollBox .prev:hover{ left: 0; background: url(../images/to_lefta.jpg) no-repeat center;}
.news_rollBox .next{ left: 25px; background: url(../images/to_right.jpg) no-repeat center;}
.news_rollBox .next:hover{ left: 25px; background: url(../images/to_righta.jpg) no-repeat center;}
.sec_01 .right_box .h_con{ margin: 13px 0 0 0; width: 315px; line-height: 180%; float: left; display: inline;overflow: hidden; font-size: 12px;}

.product_rollBox{ margin-top: 25px;}
.product_rollBox li{ float: left; width: 206px; margin: 0 6px;}
.product_rollBox li .img{ border: 1px solid #E0E0E0; padding: 3px; overflow: hidden;}
.product_rollBox li .img img{ width: 200px; height: 138px;}
.product_rollBox li a:hover .img{ border-color: #c00;}
.product_rollBox li .title{ text-align: center; margin: 5px 0 0; text-align: center; color: #666666; font-size: 12px; line-height: 20px;}
.product_rollBox li a:hover .title{ color: #c00;}

.sec_03 .left_box{ margin: 0 35px 0 0; padding-right: 36px; border-right: 1px dashed #E0E0E0; float: left;display: inline;}
.sec_03 .left_box dl{ margin: 10px 0 0 0; width: 210px; float: left;  display: inline;}
.sec_03 .left_box dt img{ width: 210px; height: 80px;}
.sec_03 .left_box dd{ margin: 7px 0 0 0; width: 210px; font-size: 12px; line-height: 170%; color: #6b6b6b; float: left;    display: inline; overflow: hidden;}
.sec_03 .right_box{ float: right; width: 250px;}
.sec_03 .right_box dd{ margin: 7px 0 0 0; width: 210px; line-height: 170%; color: #6b6b6b; float: left;    display: inline; overflow: hidden;}

.sub_banner img{ display: block; width: 100%;}
.subpage_title{ border-bottom: 1px solid #E5E5E5; text-align: center; margin: 30px 0 30px; overflow: hidden;}
.subpage_title .ch{ font-size: 28px; color: #434343; display: block; line-height: 50px;}
.subpage_title .en{ font-size: 14px; line-height: 20px; color: #5A5A5A;}
.subpage_title .wp_line{ border-top: 1px solid #666; display: block; width: 120px; margin: 10px auto -1px;}

.main{ margin-top: 25px;}
.main .left{ width: 210px; float: left; display: inline;}
.main .right{ float: right; width: 850px; display: inline;}
.main .right .right_content{ min-height: 300px; border: 1px solid #E0E0E0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,.2); padding: 15px 20px; margin-bottom: 30px;}
.main .left .panel{ margin-bottom: 25px;overflow: hidden;}
.main .left .panel .panel_hd{ height: 41px; line-height: 41px; padding: 0 20px; font-size: 16px; background: url(../images/left_typenamebg.jpg) no-repeat;}
.main .left .panel .panel_bd{ border: 1px solid #E0E0E0; border-top: 0; padding: 10px; font-size: 12px; line-height: 22px;}

.menu{ margin:0 -10px;}
.menu li a{display: block; line-height: 30px; height: 30px; color: #4A4A4A; padding-left: 30px; margin: 5px 0 0;}
.menu li a:hover,.menu li.on a{ color: #FFFFFF; background: url(../images/left_typebg.jpg) no-repeat 1px center;}

.product_list li{ float: left; width: 206px; margin: 10px 31px 10px;}
.product_list li .img{ border: 1px solid #E0E0E0; padding: 3px; overflow: hidden;}
.product_list li .img img{ width: 200px; height: 138px;}
.product_list li a:hover .img{ border-color: #c00;}
.product_list li .title{ text-align: center; margin: 5px 0 0; text-align: center; color: #666666; font-size: 12px; line-height: 20px;}
.product_list li a:hover .title{ color: #c00;}

.pagination{ text-align: center; overflow: hidden; margin: 30px 0;}
.pagination li{ display: inline-block; margin: 0 3px;}
.pagination li a{ display: block; border: 1px solid #CCCCCC; min-width: 28px; height: 28px; text-align: center; line-height: 28px; color: #333; padding: 0 5px;}
.pagination li.on a,.pagination li a:hover{ color: #FFFFFF; background: #cc0000; border-color: #cc0000;}

.news_list li{ border-bottom: 1px dotted #E0E0E0; padding: 5px 5px 5px 15px; background: url(../images/tb02.jpg) no-repeat left center; line-height: 26px; overflow: hidden; font-size: 12px;}
.news_list li a{ float: left; max-width: 80%; color: #4A4A4A;}
.news_list li a:hover{ color: #c00;}
.news_list li span{ float: right; color: #999999;}

.article_title{ margin: 3px 0; line-height:1.5; font-size: 18px; color: #000; text-align: center; text-align: center;padding-bottom: 10px;}
.article_info{ text-align: center; font-size: 12px; color: #a8a8a8;	padding: 10px 0 15px;}
.article_info span{ padding: 0 15px;}
.article_intro{ padding: 5px 10px; background: #F6F6F6; line-height: 26px; border: 1px solid #e5e5e5; color: #888888; margin-bottom: 10px;}
.article_content{ padding-top: 15px; border-top: 1px dotted #E0E0E0; }
.article_prev_next{ margin: 35px 0; padding: 10px 0; border-top: 1px dotted #E0E0E0;}
.article_prev_next span{ font-size: 14px; line-height: 25px; color: #333; display: inline-block; margin-right: 5px;}
.article_prev_next a{ font-size: 14px; line-height: 25px; color: #333;}
.article_prev_next a:hover{ color: #c00;}

/*案例详情结束*/